<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>超链接的伪类</title>


    <style>
        
        /* 
            :link 用来表示没访问过的链接（正常的链接）只能超链接使用
         */

          a:visited{
             color: yellowgreen;
         }

         a:link{
             color: thistle;
         }

         
        /* 
            :visited 用来表示访问过的链接
            由于隐私的原因，所以visited这个伪类只能修改链接的颜色  只能超链接使用
        */

       

         div{
             height: 200px;
             width: 200px;
             background-color: yellowgreen;
         }


          /* 
            :hover 用来表示鼠标移入的状态 所有的标签都能使用
         */

         div:hover{
             background-color: teal;
         }

          /*
            :active 用来表示鼠标点击  所有的标签都能使用
         */
         div:active{
             background-color: violet;
         }

    </style>
</head>
<body>
    <a href="https://www.baidu.com/">点击</a>
    <div></div>
</body>
</html>